Gyazo for windows カーソルデザイン
https://gyazo.com/35db8f456bded703137e779dcc0e837f
概要
スクリーンショット撮影ツールGyazo for Windowsのカーソルデザインを行った。
背景
Gyazoには静止画、GIF動画、リプレイ動画の3種類の撮影機能が備わっており、それらをアプリの起動後にコンテキストメニュー経由で切り替えができるようになっている。ところが静止画以外の機能はその存在をそれほど知られておらず、せっかくの便利な機能が使われていない問題がある。そこで起動後のアプリに現在選択されている機能を明示することで、他の機能への回遊性を促すことにした。
ポイント
十字アイコンの視認性 ：十字のカーソルはあらゆる条件で視認性をキープする必要がある。明るい背景、暗い背景、複雑な背景、など。サイズとカラーを展開し、Gyazoの主な利用シーンであるゲーム画面をベースに検討を重ねた結果、明るいベースカラーに黒のボーダーを採用。
Windowsデバイスへの対応：実装の都合上、要素は全て画像での表示という仕様になっている。ところがWindowsの場合、ユーザに環境によって様々なデバイスピクセル比を設定可能になっており、各比率に対応した画像が用意されていなければボケて表示されしまうこともあり得る。スクリーンショットの撮影はユーザーにとってはとても繊細な作業であるため、@1x から@3.5xまで9スケールに調整した画像を準備。 https://gyazo.com/3489a89740de7e38a9f46b3cf5f3d54a
https://gyazo.com/6af11234952b45577c1c8bd182a5bee0
https://gyazo.com/b734b77e5762e85ba6558a15b085e40f
デザイン更新の効果
検証中